CSS是一種用於設計網頁外觀和風格的程式語言。基本顏色外框，它可以為網頁元素定義樣式，包括字體、顏色、間距、尺寸等，使其符合設計要求和用戶體驗。

顏色
color:red
color:#0000ff
粗細
font-weight:normal
font-weight:bold
大小
font-size:16px
font:2em
裝飾
text-align:left
text-align:center

CSS在網頁上的呈現方式的基本概念，是將每個元素視為一個矩形區塊，並且可以調整舉行區塊中的各個部份。

/* 定義元素的寬度、內邊距、邊框和外邊距 */
.box {
  width: 200px; /* 元素寬度 */
  padding: 20px; /* 內邊距 */
  border: 2px solid black; /* 邊框 */
  margin: 10px; /* 外邊距 */
}

利用<div></div>標籤，可以切分為不同的矩形元素，以方便針對元素個別進行調整。

透過開發人員工具，把游標放在程式碼上觀察，可以發現網頁代碼是有層次的，一個矩形包著更小的的矩形，且一個矩形元素的長寬，會跟他的父標籤那層一樣。

CSS的主要優點之一是分離內容和樣式，可以將網頁的結構和外觀分開管理，使代碼更加組織有序且易於維護。

分離內容要使用css selector，於下一篇介紹。

參考資料

彭彭的課程-CSS 簡介、語法基礎教學